@media screen and (min-width: 700px) {
  html,
  body,
  #root {
    width: 400px;
    margin: 0 auto;
    position: relative;
  }
  .selfModal {
    width: 400px !important;
    left: 50% !important;
    margin-left: -200px;
  }
  .am-picker-popup-wrap {
    .am-picker-popup {
      width: 400px;
      left: 50%;
      margin-left: -200px;
    }
  }
}
html,
body,
#root {
  background: #f5f5f9 !important;
  padding: 0;
  .self-list {
    .am-list-body::after,
    .am-list-body::before,
    .am-list-line::after {
      height: 0 !important;
    }
    .am-list-item,
    .am-list-line {
      padding: 0;
      width: 100%;
    }
  }
  .self-title {
    color: #333;
    font-size: 0.2rem;
    padding: 0.2rem;
  }
  ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999;
    font-size: 0.16rem;
  }
  ::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-size: 0.16rem;
  }
  :-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
    font-size: 0.16rem;
  }
  :-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-size: 0.16rem;
  }
}
